<template lang="html">
    <Panel title="公司信息" :class="[$style.panel,cname]">
        <ul :class="$style.content">
            <li>
                <router-link to="/help">
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2842/350/3035567089/14791/5f6ff93d/577cf395N31e76288.png?width=1125&height=252"
                        alt="">
                </router-link>
            </li>
            <li>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2971/333/1297567079/898/f2d2e00d/577dc28dNe5138337.png?width=108&height=108"
                        alt="">
                    <p>客户端</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2824/256/2966087355/831/188bfa25/577cf3dcN18aadbf2.png?width=108&height=108"
                        alt="">
                    <p>触屏版</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2920/282/1283157010/1040/23f1430b/577cf3e5N53f740b8.png?width=108&height=108"
                        alt="">
                    <p>电脑版</p>
                </div>
            </li>
            <li>Copyright © 2004-2017 京东JD.com 版权所有</li>
            <li>投资有风险，购买需谨慎</li>
            <li>京东金融平台服务协议</li>
            <li>京东金融隐私政策</li>
        </ul>
    </Panel>
</template>
<script>
    import Panel from "../core/panel.vue";
    export default {
        components: {
            Panel
        },
        props: {
            cname: {
                trype: String,
                default: ""
            }
        }

    }
</script>
<style lang="scss" module>
    @import "../../css/element.scss";

    .panel {
        @include panel;
        margin-bottom: 120px;
    }

    .panel h4 {
        display: none;
    }

    .content {
        @include flex;
    }

    .content li {
        width: 100%;
    }

    .content li>a>img {
        width: 100%;
    }

    .content li:nth-child(2) {
        @include flex(row);
        height: 186px;
    }

    .content li:nth-child(2)>div {
        width: 33.3333%;
        text-align: center;
        box-sizing: border-box;
        padding-top: 20px;
    }

    .content li:nth-child(2)>div img {
        width: 90px;
        height: 90px;
    }

    .content li:nth-child(2)>div p {
        color: #999;
        font-size: 26px;
        margin-top: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .content li:not(:first-child) {
        background-color: #f5f5f5;
    }

    .content li:nth-child(n+3) {
        font-size: 24px;
        color: #999;
        text-align: center;
        width: 100%;
        padding: 24px 0;
        border-top: 1px solid #ddd;
    }
</style>